<div class="row">
  <div class="col-sm-5 leftCon">
    <input
      type='text'
      id="vehicleName"
      class="form-control vname"
      placeholder='车辆名称'
    />
  </div>
  <div class="col-sm-5">
    <input
      type='text'
      id="capacity"
      class="form-control"
      placeholder='额定载客数'
    />
  </div>
  <div class="col-sm-1">
    <button id="btn_apply" type="button" class="btn btn-default btn-sm" (click)="search()">
        <i class="fa fa-search searchName"></i>
    </button>
  </div>
</div>
<div class="row">
  <nz-table #nzTable
            [nzBordered]="true"
            [nzAjaxData]="_dataSet"
            [nzShowSizeChanger]="true"
            [nzTotal]="_total"
            [(nzPageIndex)]="_current"
            (nzPageIndexChange)="refreshData()"
            [(nzPageSize)]="_pageSize"
            (nzPageSizeChange)="refreshData(true)"
            (nzDataChange)="_displayDataChange($event)"
            [nzScroll]="{ y: 500 }">
    <ng-template #nzFixedHeader>
      <thead nz-thead>
      <tr>
        <th nz-th [nzWidth]="'15%'">
          <span>车牌号</span>
        </th>
        <th nz-th [nzWidth]="'17%'">
          <span>车辆名称</span>
        </th>
        <th nz-th [nzWidth]="'16%'">
          <span>车辆类型</span>
        </th>
        <th nz-th [nzWidth]="'20%'">
          <span>额定载客数</span>
        </th>
        <th nz-th [nzWidth]="'16%'">
          <span>司机姓名</span>
        </th>
        <th nz-th [nzWidth]="'16%'">
          <span>司机电话</span>
        </th>
      </tr>
      </thead>
    </ng-template>
    <tbody nz-tbody>
    <tr nz-tbody-tr *ngFor="let data of nzTable.data" (click)="getVehicleInfo(data)">
      <td nz-td>{{data.vehicle.licenseNumber}}</td>
      <td nz-td>{{data.vehicle?.name}}</td>
      <td nz-td>{{data.vehicletype?.name}}</td>
      <td nz-td>{{data.vehicle?.passengerCapacity}}</td>
      <td nz-td>{{data.driver?.name}}</td>
      <td nz-td>{{data.driver?.phone}}</td>
    </tr>
    </tbody>
  </nz-table>
</div>


